.el-picker-panel {
  border: 1px solid #38aaeb;
  background-color: #38aaeb;
}

.el-picker-panel__footer {
  border: 1px solid #38aaeb;
  background-color: #38aaeb;
}

.el-button--text {
  color: #FFFFFF;
}

.el-button--text:active,
.el-button--text:hover {
  color: #0065b2;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #38aaeb;
}

.el-popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #38aaeb;
}

.el-time-panel {
  background-color: #38aaeb;
  border: 1px solid #0065b2;
}

.el-time-panel__content::after,
.el-time-panel__content::before {
  border-top: 1px solid #0065b2;
  border-bottom: 1px solid #0065b2;
}

.el-time-panel__footer {
  border-top: 1px solid #0065b2;
}

.el-time-panel__btn.confirm {
  color: #FFFFFF;
}

.el-time-panel__btn {
  color: #606266;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #0065b2;
  color: #FFFFFF;
}

.el-time-spinner__item.active:not(.disabled) {
  color: #0065b2;
}

.el-picker-panel__icon-btn:hover {
  color: #0065b2;
}

.el-date-table td.current:not(.disabled) span {
  background: #0065b2;
  color: #FFFFFF;
}

.el-date-table td.available:hover {
  color: #0065b2;
}

.el-date-table th {
  border-bottom: 1px solid #0065b2;
}

.el-picker-panel__icon-btn {
  color: #FFFFFF;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  color: #0065b2;
}

.el-date-picker__time-header {
  border-bottom: 1px solid #0065b2;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: #0065b2;
}

.el-date-picker__header-label {
  color: #FFFFFF;
}

.el-month-table td.current:not(.disabled) .cell {
  color: #fff;
  background: #0065b2;
}

.el-month-table td .cell:hover {
  color: #0065b2;

}

.el-year-table td.today .cell {
  color: #0065b2;
}


.el-year-table td.current:not(.disabled) .cell {
  color: #fff;
  background: #0065b2;
}

.el-year-table td .cell:hover {
  color: #0065b2;

}

.el-month-table td.today .cell {
  color: #FFFFFF;
  background: #0065b2;

}

.playback-video-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 824px;
  margin-top: 20px;
}

.playback-video-container li {
  flex: 1;
  background: url(../img/playback_main_bg.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  padding: 28px;
}

.playback-video-container li p {
  height: 24px;
  font-size: 25px;
  color: #FFFFFF;
  padding: 0px 53px 0;
}

.playback-video-container li video {
  width: 96%;
  flex: 1;
  margin: 32px auto 9px;
}

/*  */
.playback-video-containerdxy {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 824px;
  margin-top: 20px;
}

.playback-video-containerdxy li {
  flex: 1;
  /* background: url(../img/playback_main_bg.png); */
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  padding: 28px;
}

.playback-video-containerdxy li p {
  height: 24px;
  font-size: 25px;
  color: #FFFFFF;
  padding: 0px 53px 0;
}

.playback-video-containerdxy li video {
  width: 96%;
  flex: 1;
  margin: 32px auto 9px;
}